<!doctype html>
<html>
<head>
<meta charset="utf-8">
    <title>资金统计报告</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">     
    <meta content="yes" name="apple-mobile-web-app-capable">     
    <meta content="black" name="apple-mobile-web-app-status-bar-style">     
    <meta content="telephone=no" name="format-detection">
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" type="text/css" href="/H5/css/sm.min.css" />
    <link rel="stylesheet" type="text/css" href="/H5/css/reset.css" />
    <link rel="stylesheet" type="text/css" href="/H5/css/balance.css?v=1" />
</head>            
<body>
	<div class="page-group ms-controller" :controller="commissionlog">
        <div class="page page-current">
            <header class="bar bar-nav">
              	<a class="icon icon-left pull-left" href="javascript:window.history.go(-1);"></a>
              	<a class="icon icon-home pull-right" href="/H5"></a>
              	<h1 class="title">收益记录</h1>
            </header>

            <div class="content visibility infinite-scroll infinite-scroll-bottom" style="top: 2rem;" data-distance="100">

                <div class="integral_balance_first" :for="el in @list">
                    <div>
                        <span><b style="font-size: .8rem">{{el.type_label}}</b></span>
                        <span style="float: right" :css="{'color': (el.change_money-0)>0?'#0c0':'red'}" >{{el.money}}</span>
                    </div>
                    <div>
                        <span style="color: rgb(153, 153, 153);">{{el.create_time}}</span>
                        <span style="float: right" :css="{'color': (el.settle_status-0)>0?'#0c0':'red'}" >{{el.settle_status_label}}</span>
                    </div>
                </div>


            </div>
        </div>
    </div>
<script type='text/javascript' src='/H5/js/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='/H5/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='/H5/js/avalon.js' charset='utf-8'></script>
<script type='text/javascript' src='/H5/js/simpleStorage.js' charset='utf-8'></script>
<script type='text/javascript' src='/H5/js/mall.js?v=10' charset='utf-8'></script>
<script>
	var balance = avalon.define({
		$id: "commissionlog",
		data: {total:{},income:{},expense:{}},
        list: [],
        page_num: 1,
        page_size: 10,
        loading: false,
        more: false,
        type: Mall.parseUrl( window.location.href ).type,
        getList: function( o ){
            var postData = {
                page_num: balance.page_num,
                page_size: balance.page_size 
            }
            if( balance.loading ){
                return
            }
            balance.loading = true;
            Mall.request( "/api/CommissionLog", postData )
                .always( function( data ){
                    if( data.error_code == 0 ){
                        balance.list = data.data.list;
                        $( ".content" ).removeClass( "visibility" );
                    }
                    balance.loading = false;
                } )
        }
	});
    balance.getList();
	avalon.scan( document.body )
</script>
</body>
</html>